<template>
    <dl @click="goDetail">
        <dt>
            <!-- <img :src="url" alt=""> -->
        </dt>
        <dd>
            {{title}}
        </dd>
    </dl>
</template>
<script>
export default {
    props:['title','url','fiction_id'],
    methods:{
        goDetail(){
            // this.$router.push(`/detail/${this.ficiton_id}`)
            // this.$router.push({path:`/detail/${this.ficiton_id}`})
            this.$router.push({name:'detail',query:{fiction_id:this.fiction_id}})
        }
    }
}
</script>
<style>
    img{
        width:80px;
    }
</style>
